﻿body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; }
body, button, input, select, textarea { font: 12px/1.5 \5b8b\4f53, arial, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
address, cite, dfn, em, var { font-style: normal; }
code, kbd, pre, samp { font-family: courier new, courier, monospace; }
small { font-size: 12px; }
ul, ol { list-style: none; }
a { text-decoration: none; outline:none; color:#1F376D; }
a:focus { }
a:hover { }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
legend { color: #000; }
fieldset, img { border: 0; }
button, input, select, textarea { font-size: 100%; }
table { border-spacing: 0; word-wrap:break-word; border-collapse: collapse;}
.clearfix:after { content:"\20"; display:block; clear:both; visibility:hidden; height:0; }
.clearfix { *zoom: 1; }
.clear { *zoom: 1; display: table; }
img,object{ display: block;}
/*
 * common
*/
.red{color:red;}
.green{color:green;}
.tc { text-align:center; }
.tl { text-align:left; }
.tr { text-align:right; }
.dis { display:block; }
.undis { display:none; }
.fl { float:left; }
.fr { float:right; }
.cl { clear:both; }
.fb { font-weight:bold; }
.light { color:#CF0000; }
h1, h2, h3, h4 { text-shadow: 1px 1px 0px #dedede; text-rendering: optimizeLegibility; }
h1 { font-size:25px; }
h2 { font-size:23px; }
h3 { font-size:21px; }
h4 { font-size:19px; }
h5 { font-size:17px; }
h6 { font-size:15px; }
.inputext{ vertical-align:middle; height: 1.5em; padding:0 3px;}
.helper{ font-size:12px; color: #999;font-weight:normal;}
/*按钮*/
button{padding:1px 5px;}
.btn { display:inline-block; *display:inline; *zoom:1;}
.btn, .btn b { overflow:hidden; height:32px; line-height:34px; line-height:36px\9; padding:0; border:0; font-size:14px; background:url(../img/admin/btn.png) no-repeat; font-family:"\5b8b\4f53"; }
.btn { margin:0 0 0.2em; padding:0 0 0 3px; vertical-align:middle; white-space:nowrap; cursor:pointer }
.btn b { display:block; *display:inline;*zoom:1;padding:0 13px 0 10px; margin:0; color:#333; text-shadow:1px 1px 0px #FFF ;background-position:right -50px; *vertical-align:top;}
.btn:hover, .btn:focus { background-position:0 -100px; text-decoration:none; outline:none; }
.btn:hover b, .btn:focus b { background-position:right -150px; text-decoration:none; }
.btn:active { background-position:0 -200px; }
.btn:active b { background-position:right -250px; }
.btn:focus { background-position:0 -200px\0; }
.btn:focus b { background-position:right -250px\0; }
/**/
body { background:url(../img/admin/bg.png) repeat-y; }
#logo{ text-align:center; padding:20px 0; font-family: "微软雅黑"; color:#333;  }
#logo h1{text-shadow:#CCC 2px 2px 0px;}
#left_nav { width:223px; float:left; _margin-right:-3px; }
#left_nav .nav {  }
#left_nav .nav li { line-height:50px; border-bottom: 1px solid #d0d0d0; }
#left_nav .nav li a { display: block; text-align: right; height:50px; line-height:50px; padding:0 20px; font-size: 12px; text-decoration: none; font-weight: bold; color: #545454; }
#left_nav .nav li p{ text-align:right; line-height:24px; padding-right:20px; border-top: 1px solid #EEE; background-color: #FAFAFA; }
#left_nav .nav .first { border-top: 1px solid #d0d0d0; }
#left_nav .nav li a:hover { background-color: #fcfcfc; margin-right: 4px; padding-right: 16px; }
#left_nav .nav li a.current { background-color: #FFFFFF; }
#left_nav .nav li a.current:hover { margin-right: 0; padding-right: 20px; cursor: default; }
#main { overflow:auto; _zoom:1; }
#main h1{ position:relative; border-bottom: 1px solid #CCC;}
#main h1 .meta{ position:absolute; top:5px; right:10px; font-size:18px; font-weight:normal;}
#main .headtitle { font-size: 18px; font-weight:700; text-shadow: 0 -1px 0 #000; background-color: #424242; color: #EFF0F1; padding: 4px 10px;}
#main .topmsg { background: #FFFBCC url(../img/admin/exclamation.png) 10px 11px no-repeat; border-bottom:1px solid #E6DB55; color: #666452; padding: 10px 10px 10px 36px; }
#main .nav { border: 1px solid #DDDDDD; background-color: #F2F2F2; text-align: left; text-decoration: none; color: #666666; }
#main .nav ul { overflow:auto; zoom:1; }
#main .nav li { display: inline-block; float: left; border-right: 1px solid #CCCCCC; border-left: 1px solid #fefefe; }
#main .nav li:first-child { border-left: none; }
#main .nav li a { display: block; padding: 5px 10px; text-align: left; text-decoration: none; color: #666666; vertical-align: center; -webkit-background-clip: padding-box; }
#main .nav li a:hover { background-color: #fcfcfc; }
#main .nav a.add { background: #F2F2F2 url(../img/admin/plus.png) 10px 50% no-repeat; padding-left: 35px; }
.content { padding:10px;}
.swfupload { margin:5px 0; border: 1px solid #6D95E0;}
.vod_pic { padding: 2px; border:1px solid #CCC; background: #FFF; margin-bottom: 5px;}

/*列表表格*/
.table { width: 100%;border-bottom: 1px solid #DDDDDD;}
.table th, table td { padding: 8px; vertical-align: middle; }
.table th { font-weight: bold; font-size: 14px; border-bottom: 1px solid #c2c2c2; text-align: left; }
.table th.checkboxes { width: 18px; }
.table tbody tr{ border-bottom:1px solid #F6F6F6; }
.table .editable{ width:50px; display:block; white-space:nowrap;}
.table button{ padding:0; margin:0;}
.input-txt{ height: 20px; line-height: 20px; }

/*表单表格*/
.form_table{width:100%;}
.form_table th, .form_table td { padding: 8px; }
.form_table th{ text-align: right; vertical-align:top; width: 120px;}
.form_table tr{ border-bottom:1px solid #F6F6F6;}
.form_table tr.odd{background-color: #F6F6F6;}
.form_table input{ height: 24px; line-height: 24px; vertical-align:middle; border:1px solid #ABADB3;}
/*分页*/
.pagination { padding:10px 0px; text-align:right; }
.pagination a { padding:3px 7px;  text-decoration:none; border:1px solid #DDD;-moz-border-radius: 3px;border-radius:3px;}
.pagination a:hover, .pagination a:active { border:1px solid #ff5a00; color:#ff5a00; }
.pagination strong {-moz-border-radius: 3px;border-radius:3px; padding:3px 7px; margin:0 2px; border:1px solid #ff5a00; color:#fff; font-weight:bold; background-color:#ff6c16; }

.operatebox{ float:left;}

/*Tags自动补全*/
ul.holder { margin: 0; border: 1px solid #999; overflow: hidden; height: auto !important; height: 1%; padding: 4px 5px 0; }
*:first-child+html ul.holder { padding-bottom: 2px; } * html ul.holder { padding-bottom: 2px; } /* ie7 and below */
ul.holder li { float: left; list-style-type: none; margin: 0 5px 4px 0; white-space:nowrap;}
ul.holder li.bit-box, ul.holder li.bit-input input { font:"Lucida Grande", "Verdana"; }
ul.holder li.bit-box { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 1px solid #CAD8F3; background: #DEE7F8; padding: 1px 5px 2px; }
ul.holder li.bit-box-focus { border-color: #598BEC; background: #598BEC; color: #fff; }
ul.holder li.bit-input input { width: auto; overflow:visible; margin: 0; border: 0px; outline: 0; padding: 3px 0px 2px; } /* no left/right padding here please */
ul.holder li.bit-input input.smallinput { width: 20px; }

/* Facebook demo CSS */      
ul.holder { width: 500px; }
ul.holder { margin: 0 !important }
ul.holder li.bit-box, #apple-list ul.holder li.bit-box { padding-right: 15px; position: relative; z-index:1000;}
#apple-list ul.holder li.bit-input { margin: 0; }
#apple-list ul.holder li.bit-input input.smallinput { width: 5px; }
ul.holder li.bit-hover { background: #BBCEF1; border: 1px solid #6D95E0; }
ul.holder li.bit-box-focus { border-color: #598BEC; background: #598BEC; color: #fff; }
ul.holder li.bit-box a.closebutton { position: absolute; right: 4px; top: 5px; display: block; width: 7px; height: 7px; font-size: 1px; background: url('../img/admin/close.gif'); }
ul.holder li.bit-box a.closebutton:hover { background-position: 7px; }
ul.holder li.bit-box-focus a.closebutton, ul.holder li.bit-box-focus a.closebutton:hover { background-position: bottom; }

/* Autocompleter */

.facebook-auto { display: none; position: absolute; width: 512px; background: #eee; z-index:1001;}
.facebook-auto .default { padding: 5px 7px; border: 1px solid #ccc; border-width: 0 1px 1px;font-family:"Lucida Grande","Verdana"; }
.facebook-auto ul { display: none; margin: 0; padding: 0; overflow: auto; position:absolute; z-index:9999}
.facebook-auto ul li { padding: 5px 12px; z-index: 1000; cursor: pointer; margin: 0; list-style-type: none; border: 1px solid #ccc; border-width: 0 1px 1px; font: "Lucida Grande", "Verdana"; background-color: #eee }
.facebook-auto ul li em { font-weight: bold; font-style: normal; background: #ccc; }
.facebook-auto ul li.auto-focus { background: #4173CC; color: #fff; }
.facebook-auto ul li.auto-focus em { background: none; }
.deleted { background-color:#4173CC !important; color:#ffffff !important;}
.hidden { display:none;}

#demo ul.holder li.bit-input input { padding: 2px 0 1px; border: 1px solid #999; }
.ie6fix {height:1px;width:1px; position:absolute;top:0px;left:0px;z-index:1;}


/*验证*/
.validator-invalid { border:1px solid red; color:red; }
.validator-advice, .tip_advice { display:inline-block; line-height:1em; background:url(../img/admin/fail.gif) 2px center no-repeat; padding:5px 5px 5px 25px; color:red; vertical-align:middle; }
.validator-advice { border:0; }
.tip_advice { display:none; }

/*日期控件*/
.date_selector, .date_selector * { width: auto; height: auto; border: none; background: none; margin: 0; padding: 0; text-align: left; text-decoration: none; }
.date_selector { background: #F2F2F2; border: 1px solid #bbb; padding: 5px; margin: -1px 0 0 0; position: absolute; z-index: 100000; display: none; }
.date_selector_ieframe { position: absolute; z-index: 99999; display: none; }
.date_selector .nav { width: 17.5em; /* 7 * 2.5em */ }
.date_selector .month_nav, .date_selector .year_nav { margin: 0 0 3px 0; padding: 0; display: block; position: relative; text-align: center; }
.date_selector .month_nav { float: left; width: 55%; }
.date_selector .year_nav { float: right; width: 35%; margin-right: -8px; /* Compensates for cell borders */ }
.date_selector .month_name, .date_selector .year_name { font-weight: bold; line-height: 20px; }
.date_selector .button { display: block; position: absolute; top: 0; width: 18px; height: 18px; line-height: 17px; font-weight: bold; color: #003C78; text-align: center; font-size: 120%; overflow: hidden; border: 1px solid #F2F2F2; }
.date_selector .button:hover, .date_selector .button.hover { background: none; color: #003C78; cursor: pointer; border-color: #ccc; }
.date_selector .prev { left: 0; }
.date_selector .next { right: 0; }
.date_selector table { border-spacing: 0; border-collapse: collapse; clear: both; width:18em; }
.date_selector th, .date_selector td { width: 2.5em; height: 2em; padding: 0; text-align: center; color: black; }
.date_selector td { border: 1px solid #ccc; line-height: 2em; text-align: center; white-space: nowrap; color: #003C78; background: white; }
.date_selector td.today { background: #FFFEB3; }
.date_selector td.unselected_month { color: #ccc; }
.date_selector td.selectable_day { cursor: pointer; }
.date_selector td.selected { background: #D8DFE5; font-weight: bold; }
.date_selector td.selectable_day:hover, .date_selector td.selectable_day.hover { background: #003C78; color: white; }